<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>发现</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/dialog.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/vue-2.5.17.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/dialog.js" type="text/javascript" charset="utf-8"></script>
<script src="js/tabbar.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div id="slideBar">
	<a class="contact flex-col" href="tel:110">
		<span class="icon"><img src="image/icon/slide-icon.png" /></span>
	</a>
</div>

<footer class="footer flex-row top-line main-line" id="tabbar">
	<dl class="flex-col flex-full active" @click="bottomTab(0)">
		<dt></dt>
		<dd>发现</dd>
	</dl>
	<dl class="flex-col flex-full" @click="bottomTab(1)">
		<dt></dt>
		<dd>商城</dd>
	</dl>
	<dl class="flex-col flex-full" @click="bottomTab(2)">
		<dt></dt>
		<dd>我的</dd>
	</dl>
</footer>

<div class="swiper-container Main" id="Main">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children">
				<div class="hostActiveMod">
					<ul class="dm-clearfix bg-w btMod">
						<h3 class="bt dm-left">推荐活动</h3>
						<a href="activeMod.html" class="moreBtn dm-right">查看更多</a>
					</ul>
				</div>
				
				<!--banner-->
				<div class="swiper-container bg-g" id="banner" data-rate='15/8'>
					<div class="swiper-wrapper">
						<div class="swiper-slide cover" v-for='(item,index) in bannerData'>
							<a :href="item.url"><img :src="item.path" alt="" /></a>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
				<!--banner end-->
				
				<!-- 案例 -->
				<div class="hostCaseMod homeMod bg-w">
					<ul class="dm-clearfix btMod">
						<h3 class="bt dm-left">每日都有新发现</h3>
						<a href="caseMod.html" class="moreBtn dm-right">查看更多</a>
					</ul>
					<div class="caseMod dm-clearfix">
						<dl class="caseBox dm-left" v-for="(item,index) in caseData" v-if="index<4" @click="skipCaseDtl(item.id)">
							<dt class="cover photo" data-rate='1'>
								<img :src="item.cover" />
							</dt>
							<dd class="name-box flex-row">
								<h5 class="name flex-full">{{item.name}}</h5>
								<span class="help">{{item.help}}</span>
							</dd>
						</dl>
					</div>
				</div>
				<!-- 案例 end -->
				
				<!--优惠券福利-->
				<div class="wealMod homeMod bg-w">
					<ul class="dm-clearfix btMod">
						<h3 class="bt dm-left">优惠券福利</h3>
						<a href="wealMod.html" class="moreBtn dm-right">查看更多</a>
					</ul>
					
					<div class="weal-wrap">
						
						<ul class="weal-box" v-for="(item,index) in wealData" v-if="index < 3">
							<li class="main-info flex-row">
								<div class="val">
									<span class="unit">￥</span>{{item.val}}
								</div>
								<div class="flex-full info flex-row">
									<dl class="flex-full">
										<dt>{{item.type}}</dt>
										<dd>{{item.start}} ~ {{item.end}}</dd>
									</dl>
									<template v-if="item.statu == 0"><a class="btn pull-btn" @click="pullWeal(item.id)">领 取</a></template>
									<template v-else><a class="btn skip-btn" href="mall.html">使 用</a></template>
								</div>
							</li>
							<li class="ex-info flex-row top-line" @click="controlRuler($event)">
								<div class="flex-full ruler animate dm-wrap">{{item.rule}}</div>
								<a class="btn animate"></a>
							</li>
						</ul>
						
					</div>
					
				</div>	
				<!--优惠券福利 end-->
				
			</div>
			
		</div>
	</div>
</div>

<div id="giftMask">
	<div class="dm-mask"></div>
	<div class="giftMod">
		
		<ul class="giftBox">
			<li class="bt">新用户，享优惠</li>
			<li class="txt">大礼包已成功发送至您的账号中</li>
			<li class="pt">
				<img src="image/icon/gift.png" />
			</li>
			<button class="btn" type="button" onclick="location.href='personal_weal.html'">立即查看</button>
		</ul>
		
		<a class="close-btn" onclick="closeGiftMask()"></a>
	</div>
</div>

<script type="text/javascript">

function closeGiftMask(){
	$("#giftMask").fadeOut();
};

</script>

</body>
</html>
